<!DOCTYPE html>
<html>
<head>
  <title>截止昨日</title>
  @@include('./head_min.html')
<body>
  <!--header-->
  <div class="navbar navbar-inverse navbar-data navbar-fixed-top" id="menu">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="javascript:history.go(-1);"> <i class="fa fa-chevron-left"></i>
        </a>
        <a class="navbar-brand" href="index.html">后台数据管理系</a>
      </div>
      <div class="navbar-collapse collapse ">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="data.html">实时数据</a>
          </li>
          <li>
            <a href="data_rencently.html">近期概况</a>
          </li>
          <li>
            <a href="data_to_yes.html">截止昨日</a>
          </li>
          <li>
            <a href="data_today.html">今日即时数据</a>
          </li>
          <li>
            <a href="data_day.html">单日汇总数据</a>
          </li>
          <li>
            <a href="data_repair.html">数据检查与修复</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- /header -->
  <div class="wrapper">
    <div class="container">
      <!--第一个-->
      <div class="panel panel-danger panleMargin">
        <div class="panel-heading bold">三国威力加强版</div>
        <div class="panel-body">
          <ul id="myTab" class="nav nav-tabs">
            <li class="active">
              <a href="#tab0" data-toggle="tab">汇总</a>
            </li>
            <li>
              <a href="#tab1" data-toggle="tab">自然周</a>
            </li>
            <li>
              <a href="#tab2" data-toggle="tab">自然月</a>
            </li>
            <li class="dropdown">
              <a href="#" id="myTabDrop1" class="dropdown-toggle"
                     data-toggle="dropdown">
                更多 <b class="caret"></b>
              </a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
                <li>
                  <a href="#tab3" tabindex="-1" data-toggle="tab">自然季</a>
                </li>
                <li>
                  <a href="#tab4" tabindex="-1" data-toggle="tab">自然年</a>
                </li>
              </ul>
            </li>
          </ul>
          <div id="myTabContent" class="tab-content tab-start">
            <div class="tab-pane fade in active" id="tab0">
              <div id="main" style="width: 100%;height:300px;"></div>
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>自然周</th>
                    <th>充值金额</th>
                    <th>注册账号</th>
                    <th>设备注册</th>
                    <th>登陆角色</th>
                    <th>在线角色</th>
                    <th>付费账号数</th>
                  </tr>
                </thead>
                <tbody>
                  <tr class="danger">
                    <td>41</td>
                    <td>585522</td>
                    <td>555</td>
                    <td>55554</td>
                    <td>565665</td>
                    <td>25969</td>
                    <td>25969</td>
                  </tr>
                  <tr class="">
                    <td>42</td>
                    <td>585522</td>
                    <td>555</td>
                    <td>55554</td>
                    <td>565665</td>
                    <td>25969</td>
                    <td>25969</td>
                  </tr>
                  <tr class="success">
                    <td>43</td>
                    <td>585522</td>
                    <td>555</td>
                    <td>55554</td>
                    <td>565665</td>
                    <td>25969</td>
                    <td>25969</td>
                  </tr>
                  <tr class="">
                    <td>44</td>
                    <td>585522</td>
                    <td>555</td>
                    <td>55554</td>
                    <td>565665</td>
                    <td>25969</td>
                    <td>25969</td>
                  </tr>
                  <tr class="warning">
                    <td>45</td>
                    <td>585522</td>
                    <td>555</td>
                    <td>55554</td>
                    <td>565665</td>
                    <td>25969</td>
                    <td>25969</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="tab-pane fade" id="tab1">
              <p>
                iOS 是一个由苹果公司开发和发布的手机操作系统。最初是于 2007 年首次发布 iPhone、iPod Touch 和 Apple
                  TV。iOS 派生自 OS X，它们共享 Darwin 基础。OS X 操作系统是用在苹果电脑上，iOS 是苹果的移动版本。
              </p>
            </div>
            <div class="tab-pane fade" id="tab2">
              <p>jMeter 是一款开源的测试软件。它是 100% 纯 Java 应用程序，用于负载和性能测试。</p>
            </div>
            <div class="tab-pane fade" id="tab3">
              <p>
                Enterprise Java Beans（EJB）是一个创建高度可扩展性和强大企业级应用程序的开发架构，部署在兼容应用程序服务器（比如 JBOSS、Web Logic 等）的 J2EE 上。
              </p>
            </div>
            <div class="tab-pane fade" id="tab4">
              <p>
                Enterprise Java Beans（EJB）是一个创建高度可扩展性和强大企业级应用程序的开发架构，部署在兼容应用程序服务器（比如 JBOSS、Web Logic 等）的 J2EE 上。
              </p>
            </div>
          </div>
        </div>
      </div>
      <!--/第一个-->
      <!--第2个-->
      <div class="panel panel-warning panleMargin ">
        <div class="panel-heading bold">武林外传</div>
        <div class="panel-body">
          <div id="hehe" style="width: 100%;height:300px;"></div>
        </div>
      </div>
      <!--/第2个--> </div>

  </div>
  <!--导航条-->
  @@include('./footer.html')
  <script src="../js/echarts.min.js"></script>
  <!--公共js-->
  @@include('./js.html')
  <!--/公共js-->
  <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        var herChart = echarts.init(document.getElementById('hehe'));
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: ''
            },
            tooltip: {},
            legend: {
                data: ['销量']
            },
            xAxis: {
                data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'line',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        herChart.setOption(option);
        </script>
</body>
</html>
